import { useState } from "react";

const Sate = () => {
  const [count, setCount] = useState<number>(0);
  const Click = () => {
    // react底层会对state的修改进行合并后批量更新(错的)
    // console.log(count + 1);
    // console.log(count + 1);
    // console.log(count + 1);
    // 修改state的方法(错的)的方法今日入
    // console.log(count + 1);
    // console.log(count + 1);
    // console.log(count + 1);
    // 正确修改state的方法传入一个set函数,该函数有一个参数，为上一个状态
    console.log(setCount((pre) => pre + 1));
    console.log(setCount((pre) => pre + 1));
    console.log(setCount((pre) => pre + 1));
  };
  return (
    <>
      <h1>State</h1>
      <div>
        <h2>{count}</h2>
        <button onClick={Click}>+</button>
      </div>
    </>
  );
};
export default Sate;
